/**
 * Created by Administrator on 2016/6/1.
 */
    var api_url = $("#api_url").val();
var cityUrl      = api_url+'city';//获取所有城市列表
$(function(){

    //加载城市事件
    $('#city1,#city2').on('click',function (){
        scroll_top=$('body').scrollTop();
        var zid = $(this).find("a").attr('id');
        if ($('.container').length == 0) {
            $.ajax({
                type: "POST",
                url: cityUrl,
                dataType: 'json',
                beforeSend: function () {
                    //$('.body1').hide();
                    $('<section class="body2" id="cboxContent2"><div class="container"><p id="loadText" style="text-align: center;font-size:20px;line-height: ' + $(window).height() + 'px">加载中......</p></div></section>').appendTo('body');
                    //$('.container').css('min-height', $(window).height() + 'px');
                },
                error: function () {
                    $('.body1').show();
                    $('.body2').remove();
                    alert('加载失败，请重试！');
                },
                success: function (data) {
                    $('#loadText').remove();
                    initCity(data, zid);
                }
            });
        } else {
            initCity(undefined, zid);
            $('.body2,.letter').show();
            //$('.body1').hide();
            //$('body').scrollTop(0);
        }

    });

    //选择城市
    $('body').on('click', '.city-list p', function () {
        var type = $('.container').data('type');
        $('#' + type).html($(this).html()).attr('data-id', $(this).attr('data-id'));
        $('.body2,.letter').hide();
        $('.body1').show();
        $('body').scrollTop(scroll_top);
        $("#c2").val($("#city1").text()).trigger('input');
        $("#c6").val($("#city2").text()).trigger('input');
        $("#c15").val($("#city3").text()).trigger('input');
        $('#cityone,#citytwo').css('color','#455e6c');
    });
});

//初始化城市
function initCity(data, id) {
    $('.container').data('type', id);
    if ($('.container').find('.pop_city').length > 0) {
        $('.body2,.letter').show();
        //$('.body1').hide();
        //$('body').scrollTop(0);
    } else {
        var str = '<div class="pop_city">', strLetter = '<div class="letter"><ul>';
        for (var key in data) {
            if (data.hasOwnProperty(key)) {
                var cityCon = '<div class="city-list" id="' + key + '1">',
                    strCon = '<span class="city-letter">' + key + '</span>';
                strLetter += '<li><a href="#' + key + '1">' + key + '</a></li>';
                $.each(data[key], function (i, item) {
                    strCon += '<p data-id="' + item.zone_id + '">' + item.zone_name + '</p>'
                });
                cityCon = cityCon + strCon + '</div>';
                str += cityCon;
            }
        }
        str = str + '</div>';
        strLetter += '</ul></div>';
        $('.container').html(str/* + strLetter*/);
        $('body').append(strLetter);
    }
}
